import './index.less'
import React, { Component } from 'react'
import { Button, Carousel, DatePicker } from 'antd';
import { Link } from 'react-router-dom';


function onChange(date, dateString) {
    console.log(date, dateString);
}

const contentStyle = {
    height: '160px',
    color: '#fff',
    lineHeight: '160px',
    textAlign: 'center',
    background: '#364d79',
};

const carouselStyle = {
    width: '400px'
};

export default class Position extends Component {

    state = {

    }

    render() {
        return (
            <div>
                <Carousel style={carouselStyle} autoplay='ture' >
                    <div>
                        <h3 style={contentStyle}>1</h3>
                    </div>
                    <div>
                        <h3 style={contentStyle}>2</h3>
                    </div>
                    <div>
                        <h3 style={contentStyle}>3</h3>
                    </div>
                    <div>
                        <h3 style={contentStyle}>4</h3>
                    </div>
                </Carousel>

                <DatePicker onChange={onChange} />
                <Button type="primary">Primary Button</Button>
                <Button type="primary" loading>Click me!</Button><br/>
                <br></br>
                <Link to={'/count'}><Button type="primary" danger>++ 去 加 ++</Button></Link>
                &nbsp;
                <Link to="/Person"><Button type="dashed" danger>Person实例</Button></Link>
            </div>
        )
    }
}
